<!DOCTYPE html>
<html style="height: 100%;">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <meta name="format-detection" content="telephone=no">
    <title></title>
    <script type="text/javascript" src="../js/localstorage.js"></script>
    <link rel="stylesheet" type="text/css" href="../css/zTreeStyle.css">
    <link rel="stylesheet" href="../css/Stylesheet.css">
    <script type="text/javascript" src="../js/jquery.js"></script>
    <script type="text/javascript" src="../js/jquery.ztree.core.js"></script>
    <style type="text/css">
		*{margin: 0px;padding: 0px;font-size: 12px;}
    #tree{
            width: 140px;display: none;position: absolute;background: #fff;
        }
        #list{
            position: absolute;right: 0px;margin-top: 20px;width: 200px;background: #eaeaea;
        }
        #tbody tr{
        	cursor: pointer;
        }  
        #tbody tr:hover{
        	
        	background: #bdb5b5  !important;
        } 
    </style>
    
    <script type="text/javascript">
        // tree节点点击事件  name为这个节点的值
        function zTreeOnClick(event, treeId, treeNode) {
            $("#site").val(treeNode.name);
        };
        var setting = {
            callback: {
                onClick: zTreeOnClick
            }
        };
        var zNodes =[
            { name:"香港", open:true,
                children: [
                    { name:"九龙区",open:true,
                        children: [
                            { name:"场所A" },
                            { name:"场所B" },
                            { name:"场所C" }
                        ]},
                    { name:"旺角区",open:true,
                            children: [
                            { name:"场所A" },
                            { name:"场所B" },
                            { name:"场所C" }
                        ]},
                    { name:"西贡区",open:true,
                            children: [
                            { name:"场所A" },
                            { name:"场所B" },
                            { name:"场所C" }
                        ]},
                    { name:"油尖旺区",open:true,
                           children: [
                            { name:"场所A" },
                            { name:"场所B" },
                            { name:"场所C" }
                        ]},
                    { name:"深水埗区",open:true,
                           children: [
                            { name:"场所A" },
                            { name:"场所B" },
                            { name:"场所C" }
                           ]}
                ]}
        ];
    $(function(){
        $.fn.zTree.init($("#treeDemo"), setting, zNodes);
    })
    </script>
    <script type="text/javascript">
        $(function(){
        
            $("div").click(function(e){
                var id = $(this).attr("id");
                if(id == "aaa"){
                    return false;
                }else if(id == "tree"){
                    return false;
                }else{
                    $("#tree").slideUp(300);
                }
                return false;
            })

            $("#site").click(function(e){
                $("#tree").slideDown(300);
            })

            // $("#site").blur(function(e){
            //  $("#tree").slideUp(300);
            // })
            $("#tree").hover(function(){},function(){
                $("#tree").slideUp(300);
                // $("#site").blur();
            })
            $("#tbody tr").click(function(){
            	window.location = "weihu_chengbanproject.html";
            })
        })
    </script>
</head>
<body>

	<div class="pageheader">
		<div class="clear"></div>
		<!-- <img src="/Icons/chengban.png" alt="Customers" title="Customers"> -->
		<h1><script>document.write(language.Hostingcompany)</script></h1>
	</div>

	<div class="listFilter">
		<!-- <h2><script>document.write(language.Filter)</script><span class="tooltip" style="display: none;"><em>(筛选下表)</em></span></h2>
		<a href="#" class="tooltoggle">显示/隐藏工具提示</a> -->
		<div class="divider"></div>
	    <table style="width: 100%;" id="query_table">
	        <tbody>
	        	<tr>
		            <td class="FormLabel" style="width: auto;">
                        <!--<script>document.write(language.Place_name)</script>：-->
                        <div style="display: inline-block; " id="aaa">
                            <!--<input name="site" type="text" id="site" placeholder="Please choose site">-->
                            <!-- <button class='button select_site'><script>document.write(language.Choice_site)</script></button> -->
                            <div id="tree">
                                <!-- <button style="float: right;" onclick="add()">增加</button> -->
                                <ul id="treeDemo" class="ztree"></ul>
                                </ul>
                            </div>
                        </div>
                        
		            	<script>document.write(language.Hostingcompany)</script>：
		            	<input name="ctl00" type="text" id="txtName">
		            	<script>document.write(language.Person_in_charge)</script>：
		            	<input name="ctl00" type="text" id="txtPostcode">
		            	<button class='button screen'><script>document.write(language.Filter)</script></button>
		            	<button class='button clear'><script>document.write(language.remove)</script></button>
		            </td>
		            <!--<td style="text-align: right;">
		            	<button class='button'><script>document.write(language.create)</script></button>
		            </td>-->
		        </tr>
		    </tbody>
		</table>
        <div class="formSubmit">
        	
        	
        </div>
	</div>
	<div class="ExportLinks">
		<a class="common_operation1" href="#"><script>document.write(language.Export_all_to)</script> Excel</a>
		<a class="common_operation2" href="#"><script>document.write(language.Export_this_page_to)</script> Excel</a>
		<a class="common_operation3" href="#"><script>document.write(language.Export_this_page_to)</script> PDF</a>
		<a class="common_operation4" href="#"><script>document.write(language.Export_all_to)</script> PDF</a>
		<a class="common_operation5" href="#"><script>document.write(language.send)</script> <script>document.write(language.email)</script></a>
	</div>

	<div class="reportResults">
		<table class="list_table" id="ltReport_list" width="100%" cellspacing="0" style="text-align: center;">
			<thead>
				<!-- <tr>
					<td colspan="4" style="text-align:left;line-height: 40px;border-right: 0px;font-weight: bold;padding-left: 30px;"><script>document.write(language.Contractor)</script><input type="text" placeholder="search" style="padding: 5px;margin-left: 20px;border-radius: 4px;border:1px solid #ccc;" /></td>
					
					<td colspan="4" style="text-align:right;line-height: 40px;border-left: 0px;"></td>
				</tr> -->
				<tr>
					<th style="width:4%;"><script>document.write(language.order_number)</script></th>
					<th style="width: 15%;"><script>document.write(language.Hostingcompany)</script></th>
					<th style="width: 7%;"><script>document.write(language.Person_in_charge)</script></th>
					<th style="width: 10%;"><script>document.write(language.telphone)</script></th>
					<th style="width: 8%;"><script>document.write(language.id_type)</script></th>
					<th style="width: 12%;"><script>document.write(language.id_number)</script></th>
					<th style="width: 15%;"><script>document.write(language.project)</script></th>
					<th style="width: 15%;"><script>document.write(language.operation)</script></th>
				</tr>
			</thead>
			<tbody id="tbody">
				<tr class="odd_row">
					<td>1</td>
					<td>ABC Electric Company</td>
					<td>Zhangerdai</td>
					<td>13666666666</td>
					<td>ID</td>
					<td>A8086***</td>
					<td>data base</td>
					<td>
						<button class="edit"><script>document.write(language.edit)</script></button>
						<button class="delete"><script>document.write(language.delete)</script></button>
						<button class="Blacklist"><script>document.write(language.Blacklist)</script></button>
					</td>
				</tr>
				<tr class="even_row">
					<td>2</td>
					<td>Zhongcheng information company</td>
					<td>Yanxilin</td>
					<td>15901421254</td>
					<td>ID</td>
					<td>A8086***</td>
					<td>data base</td>
					<td>
						<button class="edit"><script>document.write(language.edit)</script></button>
						<button class="delete"><script>document.write(language.delete)</script></button>
						<button class="Blacklist"><script>document.write(language.Blacklist)</script></button>
					</td>
				</tr>
				<tr class="odd_row">
					<td>3</td>
					<td>Times network company</td>
					<td>Li</td>
					<td>13165266686</td>
					<td>ID</td>
					<td>A8086***</td>
					<td>data base</td>
					<td>
						<button class="edit"><script>document.write(language.edit)</script></button>
						<button class="delete"><script>document.write(language.delete)</script></button>
						<button class="Blacklist"><script>document.write(language.Blacklist)</script></button>
					</td>
				</tr>
				<tr class="even_row">
					<td>4</td>
					<td>Self creation Technology Co., Ltd.</td>
					<td>Wang Kai</td>
					<td>13159874832</td>
					<td>ID</td>
					<td>A8086***</td>
					<td>data base</td>
					<td>
						<button class="edit"><script>document.write(language.edit)</script></button>
						<button class="delete"><script>document.write(language.delete)</script></button>
						<button class="Blacklist"><script>document.write(language.Blacklist)</script></button>
					</td>
				</tr>
				<tr class="odd_row" style="background: #9199A4;color: #fff;">
					<td>5</td>
					<td>YASUMICHI Design Co. Ltd.</td>
					<td>Zhao money</td>
					<td>18666237789</td>
					<td>ID</td>
					<td>A8086***</td>
					<td>data base</td>
					<td>
						<button class="edit"><script>document.write(language.edit)</script></button>
						<button class="delete"><script>document.write(language.delete)</script></button>
						<button class="Remove_Blacklist"><script>document.write(language.Remove_blacklist)</script></button>
					</td>
				</tr>
			</tbody>
			
		</table>

		

		<div class="WhereToLinks"></div>

	</div>
<!-- 
	<div class="k-overlay"></div>

	<div class="content">
		<table style="border-spacing:0px;">
			<thead>
				<tr>
					<td colspan="2" style="text-align:left;line-height: 40px;font-weight: bold;padding-left: 30px;">New contractors</td>
					<td colspan="2" style="text-align:right;line-height: 40px;"><button onclick='$(".k-overlay,.content").css("display","none");' style="border:0px;margin:0px;">X</button></td>
				</tr>
			</thead>
			<tbody>
                <tr style="line-height: 10px;"><td colspan="4">&nbsp;</td></tr>
				<tr>
                	<td>Contractor:</td><td><input type="text" placeholder="Please input the contractor" /></td>
                	<td>Person in charge:</td><td><input type="text" placeholder="Please input the person in charge" /></td>
            	</tr>
				<tr>
                	<td>ID Type:</td><td><select style="width: 150px;height: 30px;"><option>ID</option></select></td>
                	<td>CAAC Certificate No:</td><td><input type="text" placeholder="Please enter the document number" /></td>
                </tr>
				<tr>
                	<td>Mobile phone:</td><td><input type="text" placeholder="Please input the mobile phone" /></td>
                	<td>time:</td><td><input type="data" value="2017-10-24" /></td>
                </tr>
                <tr style="line-height: 10px;"><td colspan="4">&nbsp;</td></tr>
			</tbody>
			<tfoot>
                <tr style="line-height: 10px;"><td style="border-top: 1px solid #ccc;" colspan="4">&nbsp;</td></tr>
				<tr>
					<td></td>
					<td colspan="3" style="text-align: right;">
						<button onclick='$(".k-overlay,.content").css("display","none");'>cancel</button>
						<button onclick='$(".k-overlay,.content").css("display","none");'>Preservation</button>
					</td>
				</tr>
                <tr style="line-height: 10px;"><td colspan="4">&nbsp;</td></tr>
			</tfoot>
		</table>
	</div>
</body> -->
</html>